@charset "utf-8";
*{
	margin: 0rem;
	padding: 0rem;
}
#top-bar{
	height: 1.875rem;
	width: 100%;
	min-width: 60rem;
	background: darkgray;
	font-size: 0.75rem;
	color: #A9A9A9;
	position: relative;
}
.top-bar-left{
	height: 100%;
	margin-left: 0.625rem;
}
/* 当绝对定位和%同时存在，一定要考虑清楚参照物，只能存在一个参照物 */
.top-bar-right{
	height: 100%;
	position: absolute;
	right: 0rem;
	top:0rem;
	color:black;
}
/* display:设置标签的性质
block:将元素设置为块级元素
inline-block:设置为具有宽高的行级元素
none:设置为元素不存在（隐藏）
 text-decoration:设置a标签的下划线*/
.top-text{
	height: 100%;
	width: 3.75rem; 
	text-align: center;
	line-height: 1.875rem;
	display: inline-block;
	text-decoration: none ;
	color: aqua; 
}
.top-login{
	width:5rem;
}
.top-text:hover{
	color: red;
	background:white;
}
.top-erji{
	position: relative;
}
.erji{
	height:40px;
	width: 4.25rem;
	position: relative; 
	left: 0rem;
	top:1rem;
	display: none;
	text-decoration: none ;
	z-index: 99;
}
.top-erji:hover .erji{
	display:inline-block;
}
.erji:hover{
	color: #A9A9A9;
}
.top-list{
	width: 9.375rem;
	height: 12.5rem;
	position: absolute; 
	display: block; 
}
.top-erji:hover .top-list{
	width: 9.375rem;
	height: 12.5rem;
	position: absolute; 
	display: block;
	border:1px solid darkgray;
}
.top-caigou{
	width: 9.375rem;
	height: 6.25rem;
	position: absolute; 
	display: block; 
}
.top-erji:hover .top-caigou{
	width: 9.375rem;
	height: 6.25rem;
	position: absolute; 
	display: block;
	background: white;
	border:1px solid darkgray;
}
.top-list{
	width: 9.375rem;
	height: 12.5rem;
	position: absolute; 
	display: block; 
}
.top-erji:hover .top-list{
	width: 9.375rem;
	height: 12.5rem;
	position: absolute; 
	display: block;
	background: white;
	border-color: #00FFFF;
	border:1px solid darkgray;
}
.hrhr{
	display: none;
}
.top-erji:hover .hrhr{
	display: block;
}
